<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>首页详情</title>
		<link rel="stylesheet" href="../vendor/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/public.css" />
		<link rel="stylesheet" href="../css/homePageDetail.css" />
	</head>

	<body>
		<div class="setMinWidth home-page-detail">
			<div class="hpd-top">
				<ul class="nav nav-tabs" role="tablist">
					<li role="presentation" class="active">
						<a href="#backlog" aria-controls="backlog" role="tab" data-toggle="tab">
							<span>待办(<i class="font-red">12</i>)</span>
						</a>
					</li>
					<li role="presentation">
						<a href="#finished" aria-controls="finished" role="tab" data-toggle="tab">
							<span>已办(<i class="font-red">12</i>)</span>
						</a>
					</li>
					<li class="li-more">
						<a href="javascript:;">&gt;&gt;更多</a>
					</li>
				</ul>

				<!-- Tab panes -->
				<div class="tab-content">
					<div role="tabpanel" class="tab-pane active" id="backlog">
						<div class="data-table">
							<table class="table table-bordered table-hover">
								<thead>
									<tr>
										<th>No.</th>
										<th>标题</th>
										<th>类型</th>
										<th>发送人</th>
										<th>发送时间</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>1</td>
										<td><a href="javascript:;">test</a></td>
										<td>test</td>
										<td>test</td>
										<td>test</td>
									</tr>
									<tr>
										<td>2</td>
										<td>test</td>
										<td>test</td>
										<td>test</td>
										<td>test</td>
									</tr>
									<tr>
										<td>3</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>4</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>5</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>6</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>7</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>8</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>9</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>10</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="page">
							<ul class="pagination pagination-sm">
								<li class="disabled">
									<span href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
									</span>
								</li>
								<li class="active">
									<span href="#">1</span>
								</li>
								<li>
									<span href="#">2</span>
								</li>
								<li>
									<span href="#">3</span>
								</li>
								<li>
									<span href="#">4</span>
								</li>
								<li>
									<span href="#">5</span>
								</li>
								<li>
									<span href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
									</span>
								</li>
								<li class="li-page-handle">
									转到第
									<input type="text" class="form-control input-sm" /> 页
									<button type="button" class="btn btn-default btn-sm">GO</button>
								</li>
							</ul>
						</div>
					</div>
					<div role="tabpanel" class="tab-pane" id="finished">
						<div class="data-table">
							<table class="table table-bordered table-hover">
								<thead>
									<tr>
										<th>No.</th>
										<th>标题</th>
										<th>类型</th>
										<th>发送人</th>
										<th>处理时间</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>1</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>2</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>3</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>4</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>5</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>6</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>7</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>8</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>9</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td>10</td>
										<td>test</td>
										<td></td>
										<td></td>
										<td></td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="page">
							<ul class="pagination pagination-sm">
								<li class="disabled">
									<span href="#" aria-label="Previous">
							<span aria-hidden="true">&laquo;</span>
									</span>
								</li>
								<li class="active">
									<span href="#">1</span>
								</li>
								<li>
									<span href="#">2</span>
								</li>
								<li>
									<span href="#">3</span>
								</li>
								<li>
									<span href="#">4</span>
								</li>
								<li>
									<span href="#">5</span>
								</li>
								<li>
									<span href="#" aria-label="Next">
							<span aria-hidden="true">&raquo;</span>
									</span>
								</li>
								<li class="li-page-handle">
									转到第
									<input type="text" class="form-control input-sm" /> 页
									<button type="button" class="btn btn-default btn-sm">GO</button>
								</li>
							</ul>
						</div>

					</div>
				</div>
			</div>
			<div class="hpd-bottom">
				<div class="row">
					<div class="col-xs-6">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#my-plan" aria-controls="my-plan" role="tab" data-toggle="tab">
									<span>我参与的计划(<i class="font-red">12</i>)</span>
								</a>
							</li>
							<li role="presentation">
								<a href="#my-project" aria-controls="my-project" role="tab" data-toggle="tab">
									<span>我参与的方案(<i class="font-red">12</i>)</span>
								</a>
							</li>
							<li class="li-more">
								<a href="javascript:;">&gt;&gt;更多</a>
							</li>
						</ul>

						<!-- Tab panes -->
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="my-plan">
								<div class="data-table">
									<table class="table table-bordered table-hover">
										<tbody>
											<tr>
												<td>■</td>
												<td>test</td>
												<td>test</td>
												<td>test</td>
												<td>test</td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td>test</td>
												<td>test</td>
												<td>test</td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>

										</tbody>
									</table>
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="my-project">
								<div class="data-table">
									<table class="table table-bordered table-hover">
										<tbody>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xs-6">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#system-message" aria-controls="system-message" role="tab" data-toggle="tab">
									<span>系统消息(<i class="font-red">12</i>)</span>
								</a>
							</li>
							<li class="li-more">
								<a href="javascript:;">&gt;&gt;更多</a>
							</li>
						</ul>

						<!-- Tab panes -->
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active" id="system-message">
								<div class="data-table">
									<table class="table table-bordered table-hover">
										<tbody>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
											<tr>
												<td>■</td>
												<td>test</td>
												<td></td>
												<td></td>
												<td></td>
											</tr>
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../vendor/jquery1.9.min.js"></script>
		<script type="text/javascript" src="../vendor/bootstrap-3.3.7/js/bootstrap.min.js"></script>
	</body>

</html>